<template>
  <div class="content">
    <a-tabs default-active-key="1" @change="onTabChange">
      <a-tab-pane key="1" tab="区域统计">
        <regional-statistics />
      </a-tab-pane>
      <a-tab-pane key="2" tab="来源统计">
        <source-statistics />
      </a-tab-pane>
    </a-tabs>
  </div>
</template>
<script>
import RegionalStatistics from './regionalStatistics/RegionalStatistics'
import SourceStatistics from './sourceStatistics/SourceStatistics'
export default {
  components: {
    RegionalStatistics,
    SourceStatistics,
  },
  data() {
    return {}
  },
  methods: {
    onTabChange(key) {
      console.log(key)
    }
  }
}
</script>

<style lang="less" scoped>
.content {
  background-color: white;
  // margin: 0px 10px 0px 10px;
}
/deep/.ant-tabs-bar {
  margin-bottom: 0;
}
/deep/.ant-tabs-tabpane {
  > div {
    padding-bottom: 10px;
  }
}
/deep/.ant-card-body {
  padding: 12px !important;
}
</style>
